<template>
  <view class="agreement-container">
    <view class="agreement-content">
      <template v-if="type === 'user'">
        <view class="agreement-title">用户协议</view>
        <view class="agreement-text">
          <view class="paragraph">欢迎您使用我们的应用！</view>
          <view class="paragraph">本协议是您与我们之间关于使用我们的产品和服务的法律协议。请您在使用我们的产品和服务前仔细阅读本协议。</view>
          <view class="paragraph">1. 服务内容</view>
          <view class="paragraph">我们提供的服务内容包括但不限于：用户注册、信息浏览、信息发布、互动交流等功能。</view>
          <view class="paragraph">2. 用户行为规范</view>
          <view class="paragraph">您在使用我们的服务时，必须遵守中华人民共和国相关法律法规，不得利用我们的服务从事违法违规活动。</view>
          <view class="paragraph">3. 知识产权</view>
          <view class="paragraph">我们的产品和服务中包含的所有内容，包括但不限于文字、图片、音频、视频、软件、程序、代码等，均受知识产权法律法规保护。</view>
          <view class="paragraph">4. 隐私保护</view>
          <view class="paragraph">我们重视用户隐私保护，会采取合理措施保护用户的个人信息安全。详情请参阅《隐私政策》。</view>
          <view class="paragraph">5. 协议修改</view>
          <view class="paragraph">我们保留随时修改本协议的权利，修改后的协议将在发布后生效。如您继续使用我们的服务，即表示您接受修改后的协议。</view>
        </view>
      </template>
      
      <template v-else-if="type === 'privacy'">
        <view class="agreement-title">隐私政策</view>
        <view class="agreement-text">
          <view class="paragraph">本隐私政策描述了我们如何收集、使用和保护您的个人信息。</view>
          <view class="paragraph">1. 信息收集</view>
          <view class="paragraph">我们可能收集的个人信息包括：您的姓名、联系方式、位置信息、设备信息等。</view>
          <view class="paragraph">2. 信息使用</view>
          <view class="paragraph">我们使用收集的信息来提供、维护和改进我们的服务，开发新的服务，以及保护我们和用户的安全。</view>
          <view class="paragraph">3. 信息共享</view>
          <view class="paragraph">除非获得您的明确同意，或法律法规要求，我们不会与第三方共享您的个人信息。</view>
          <view class="paragraph">4. 信息安全</view>
          <view class="paragraph">我们采取合理的安全措施来保护您的个人信息不被未经授权的访问、使用或泄露。</view>
          <view class="paragraph">5. 儿童隐私</view>
          <view class="paragraph">我们的服务不面向13岁以下的儿童。如果我们发现收集了13岁以下儿童的个人信息，我们会立即删除相关信息。</view>
          <view class="paragraph">6. 隐私政策更新</view>
          <view class="paragraph">我们可能会不时更新本隐私政策。更新后的隐私政策将在发布后生效。</view>
        </view>
      </template>
    </view>
  </view>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import { onLoad } from '@dcloudio/uni-app'

// 协议类型：user-用户协议，privacy-隐私政策
const type = ref<'user' | 'privacy'>('user')

// 页面加载
onLoad((options) => {
  if (options.type === 'user' || options.type === 'privacy') {
    type.value = options.type as 'user' | 'privacy'
  }
  
  // 设置页面标题
  if (options.title) {
    uni.setNavigationBarTitle({
      title: options.title as string
    })
  }
})
</script>

<style>
.agreement-container {
  padding: 30rpx;
}

.agreement-content {
  background-color: #ffffff;
  border-radius: 12rpx;
  padding: 30rpx;
}

.agreement-title {
  font-size: 36rpx;
  font-weight: bold;
  text-align: center;
  margin-bottom: 40rpx;
}

.agreement-text {
  font-size: 28rpx;
  color: #333333;
  line-height: 1.6;
}

.paragraph {
  margin-bottom: 20rpx;
}
</style> 